<div class="g-main-wrap">
    <div class="coupon">
        <form id="j-activateForm" class="m-activateForm">
            <input class="j-activateForm-ipt activateForm-input w-form-control" type="text" placeholder="请输入优惠码">
            <input class="activateForm-submit w-button w-button-primary w-button-l" type="submit" value="兑换">
            <!-- 增加关于优惠券的链接 -->
            <div class="couponInfo"><a class="about" href="/help#rule" target="_blank">如何兑换使用优惠券 &gt;&gt;</a></div>
        </form>
    </div>
    <ul id="j-couponListTabs" class="w-tabs">
        <li class="j-tabsItem item active" data-target="#j-couponsCanUse">
            <a href="javascript:void(0);">可使用</a>
        </li>
        <li class="j-tabsItem item" data-target="#j-couponsUsed">
            <a href="javascript:void(0);">已使用</a>
        </li>
        <li class="j-tabsItem item" data-target="#j-couponsExpired">
            <a href="javascript:void(0);">已失效</a>
        </li>
        <!-- 右侧帮助中心按钮 -->
    </ul>
    <ul id="j-couponsPanel" class="m-couponsPanel membership-coupon">
        <li id="j-couponsCanUse" class="couponsPanel-inner" style="display: block;">
            <div class="inner">
                <div class="m-couponList3Col">
                    <div class="w-coupon coupon-s coupon-disabled noCoupon">
                        <div class="w-icon-coupon coupon-nop"></div>
                        <h4 class="title">优惠券列表还是空的</h4>
                    </div>
                </div>
            </div>
            <div class="m-pager m-hrz j-pager couponsPanel-pager" style="display: none;"></div>
        </li>
        <li id="j-couponsUsed" class="couponsPanel-inner" style="display: none;">
            <div class="inner">
                <div class="m-couponList3Col">
                    <div class="w-coupon coupon-s coupon-disabled noCoupon">
                        <div class="w-icon-coupon coupon-nop"></div>
                        <h4 class="title">优惠券列表还是空的</h4>
                    </div>
                </div>
            </div>
            <div class="m-pager m-hrz j-pager couponsPanel-pager" style="display: none;"></div>
        </li>
        <li id="j-couponsExpired" class="couponsPanel-inner" style="display: none;">
            <div class="inner">
                <div class="m-couponList3Col">
                    <div class="w-coupon coupon-s coupon-disabled noCoupon">
                        <div class="w-icon-coupon coupon-nop"></div>
                        <h4 class="title">优惠券列表还是空的</h4>
                    </div>
                </div>
            </div>
            <div class="m-pager m-hrz j-pager couponsPanel-pager" style="display: none;"></div>
        </li>
    </ul>
</div>